* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.order-number {
  order: -1;
}

.title {
  height: 100rpx;
  line-height: 100rpx;
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 0 $fox-padding;
  border-bottom: 2rpx solid #e5e5e5;
}

.chat-container {
  padding: 0 $fox-padding;
  padding-top: 20rpx;
  height: 100%;
  background-color: #eeeeee;
  overflow-y: auto;
  width: 750rpx;

  .time {
    color: #5d5555;
    text-align: center;
    margin-bottom: 20rpx;
  }

  .chat-system {
    width: 100%;
    height: auto;
    display: flex;
  }

  .chat-system-right {
    justify-content: flex-end;
  }
  .chat-row{
    margin-bottom: 20rpx;
  }

  .chat-message {
    padding: 20rpx;
    margin:10rpx 20rpx;
    min-height: 50rpx;
    min-width: 100rpx;
    max-width: calc(750rpx - 230rpx);
    border-radius: 20rpx;
    background-color: #fff;
  }
}
.input-container{
  width: 100%;
  position: absolute;
  background-color: #f5f5f5;
  bottom: 0;
  height: 100rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20rpx;

}
  